<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head th:replace="mobile/common::head"></head>
<body>

<header>
    <!--页面顶部内容,登录登出等信息-->
    <div th:replace="mobile/common::page-top"></div>
    <!--搜索导航-->
    <div th:replace="mobile/common::search-nav"></div>

    <!--目录内容-->
    <div id="itemBox" style="width: 100%">
            <div th:each="product : ${productList}" class="item-box">
                <a th:href="@{${#httpServletRequest.getScheme() + '://' + #httpServletRequest.getServerName()} + '/page/detail/' + ${product.id} }">
                    <img th:src="${product.image}" width="80px" style="float: left">
                    <div class="item-box-content">
                        <p th:text="${product.productNo}" style="color: #1E9FFF"></p>
                        <p th:text="${product.catalogEnname}"></p>
                        <div style="width: 100%">
                            <b style="float: left" th:each="oem : ${product.oemList}" th:text="${oem.brand +':' + oem.refNo + ';'}"></b>
                        </div>
                    </div>
                    <div style="clear: both"></div>
                </a>
            </div>
    </div>
</header>

<!--页脚-->
<div th:replace="mobile/common::footer"></div>

</body>

<script type="text/javascript" th:src="@{/static/index/js/text.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/header.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/secend.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/index.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/left,top.js}"></script>
<script type="text/javascript" th:src="@{/static/index/js/catalogLoader.js}"></script>
</html>
